<template>
    <div class="home">
        <div class="tabbar">
            <div class="title">
                宏远路途
            </div>
        </div>
        <div class="banner">
            <img src="@/assets/img/home/banner.webp" alt="">
        </div>
      <HomeSearchBox />
    </div>
</template>

<script setup>
import HomeSearchBox from './cpns/home-search-box.vue'


</script>

<style scoped>
    .home{
        .tabbar{
           height: 46px;
           display: flex;
           justify-content: center;
           align-items: center;
           border: 1px solid #f2f2f2;
           .title{
            color: var(--primary-color); 
            font-size: 16px;
            font-weight: 600;
           }
        }
        .banner{
          img{
            width: 100%;
          }
        }
    }
</style>